<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生列表</title>

    <link href="./css/main.css" rel="stylesheet" type="text/css">
</head>
<body>
    <header>
        <div class="head">
            <img src="./img/logo.jpg">
            <span>2016/11/22 14:44:56</span>
            <div class="title">学生管理系统</div>
        </div>
        <div class="nav">
            <a href="#">学生列表</a>
        </div>
    </header>

    <main>
        <div class="main-title">
            <h1>User list:</h1>
        </div>
        <div class="main-body">
            <div class="left"></div>
            <div class="form-group">
                <button style="float:right;">添加</button>
                <div class="search">
                    <form>
                        <label>学号：<input></label>
                        <label>姓名：<input></label>
                        <button>搜索</button>
                    </form>
                </div>
                <table>
                    <thead>
                    <tr>
                        <th>学号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>年龄</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>09930121103</td>
                        <td>逗比坤</td>
                        <td>M</td>
                        <td>24</td>
                        <td>
                            <button>编辑</button>
                            <button>删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td>09930121103</td>
                        <td>逗比坤</td>
                        <td>M</td>
                        <td>24</td>
                        <td>
                            <button>编辑</button>
                            <button>删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td>09930121103</td>
                        <td>逗比坤</td>
                        <td>M</td>
                        <td>24</td>
                        <td>
                            <button>编辑</button>
                            <button>删除</button>
                        </td>
                    </tr>
                    <tr>
                        <td>09930121103</td>
                        <td>逗比坤</td>
                        <td>M</td>
                        <td>24</td>
                        <td>
                            <button>编辑</button>
                            <button>删除</button>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div class="pager">
                    <button><<</button>
                    <button><</button>
                    <button>1</button>
                    <button>2</button>
                    <button>3</button>
                    <button>></button>
                    <button>>></button>
                </div>
            </div>
        </div>
    </main>

    <footer>
        <div class="copyright">Copyright © 2016-2017, LATFAT.TOP, All Rights Reserved</div>
    </footer>
</body>
</html>